    .active{
      color: aquamarine;
    }
    .top-nav{
      position: fixed;
      top: 0;
      height: 60px;
      width: 100%;
      background-color: aqua;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      transition: all 0.5s;
    }
    .topT-nav{
      display: flex;
      justify-content: space-around;
      height: 30px;
    }
    .topT-nav div{
      height: 30px;
      width: 80px;
      text-align: center;
    }
    .topB-nav{
      height: 3px;
      background-color: #fcc421;
      width: 80px;
      position: relative;
      transition: all 0.5s;
    }
    .right-nav{
      position: fixed;
      left: 90%;
      top: 45%;
      height: 160px;
      width: 40px;
    }
    .right-nav li{
      line-height: 20px;
      text-align: center;
      margin-bottom:20px;
    }
    .count-down{
      width: 150px;
      line-height: 40px;
      color: red;
      position: fixed;
      right: 90%;
      top: 80px;
      text-align: center;
    }
    .big-box{
      width: 100%;
      height: 2000px;
    }
    .big-box-banner{
      background-color: aquamarine;
      overflow: auto;
      margin: 0 auto;
      height: 100%;
      width: 80%;
    }
    .price{
      height: 450px;
      background-color: violet;
    }
    .date{
      height: 300px;
      background-color: blueviolet;
    }
    .racail{
      height: 750px;
      background-color: burlywood;
    }
    .compare{
      height: 500px;
      background-color: chartreuse;
    }
  
/* ------------------------------------------------------ */
    html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
/* ----------------------------------------------------- */